<!--
 * @Date         : 2024-03-16 13:38:24
 * @LastEditTime : 2024-03-16 13:53:19
 * @description  : 
-->
<template>
  <div class="ele-exception ele-text-center">
    <div class="ele-exception-content ele-text-left">
      <h1 class="ele-text">404</h1>
      <p class="ele-text-secondary">抱歉，你访问的页面不存在</p>
      <div>
        <router-link to="/" v-if="isRe">
          <el-button type="primary" color="#652E1B">返回首页</el-button>
        </router-link>
        <router-link to="/login-pra" v-else>
          <el-button type="primary" color="#652E1B">返回首页</el-button>
        </router-link>
      </div>
    </div>
  </div>
</template>

<script setup>
let isRe = ref(false);
onMounted(() => {
  isRe.value = sessionStorage.getItem("ROLES") === "entrant";
});
</script>
<style lang="scss">
.ele-exception {
  display: flex;
  min-width: 100vw;
  height: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-image: url("https://cdn.yfzxzjysg.top/nxcsoft/bg20240310135118.png");
  background-size: 100% 100%;
  .ele-exception-content {
    text-align: center;
    .ele-text-secondary {
      margin: 40px;
    }
  }
}
</style>
